<template>
  <div class="<%= data.lowerName %>">
    <h2>{{message}}</h2>
  </div>
</template>

<style scoped>
  .<%= data.lowerName %>{

  }
</style>

<script>
  export default {
    name: "<%= data.name %>",
    //传参：父传子，写法：["形参1"[,"形参2"]]
    props: {

    },
    //页面加载完毕后执行的方法（渲染前）
    created(){

    },
    //页面加载完毕后执行的方法（渲染后）
    mounted(){

    },
    //数据对象
    data: {
      message: "<%= data.name %>",
    },
    //计算属性：属性名称(){} （调用时不需要加小括号）
    computed: {

    },
    //定义方法：方法名称(){}
    //当前对象内需要加this
    methods: {

    },
  }
</script>